<script setup lang="ts">
import { useRouter } from 'vue-router';

const router = useRouter();
</script>

<template>
  <umrp-page bg-color="#f2f2f2">
    <umrp-title-bar text="特价/全场五折区" @back="router.push({ name: 'XiaolankaClientHome' })" show-back></umrp-title-bar>
    <umrp-container height="100%" padding="10px" :gap="10">
      <umrp-placeholder :height="100">
        <umrp-space direction="vertical" align="center" :size="10">
          <umrp-text>周一</umrp-text>
          <umrp-text>早教五折</umrp-text>
        </umrp-space>
      </umrp-placeholder>
      <umrp-card :border="false" v-for="_ in 7">
        <umrp-media>
          <umrp-container justify="between" :gap="6" height="100%">
            <umrp-text :size="12" bold>幼儿英语启蒙早教0-6岁</umrp-text>
            <umrp-text :size="12" through>￥99</umrp-text>
            <umrp-text color="red" :size="12">限时五折：￥66</umrp-text>
            <umrp-container direction="horizonal" justify="between" align="end" width="100%">
              <umrp-text color="secondary" :size="12">已售卖443123+件</umrp-text>
              <umrp-button type="primary" shape="circle">抢</umrp-button>
            </umrp-container>
          </umrp-container>
        </umrp-media>
      </umrp-card>
      <umrp-divider>没有更多</umrp-divider>
    </umrp-container>
  </umrp-page>
</template>